<template>
    <div>
        <el-row :gutter="10" class="row1">
            <el-col :span="24" class="col1">
                <div>({{ message.category }}){{ message.to_user === 'all'?'':`(来自${message.user}的消息) `+' ' }}{{ message.title }}</div>
            </el-col>
        </el-row>
        <el-row :gutter="10" class="row2">
            <el-col :span="24" class="col1">
                <div><span>发给：</span><span>{{ message.to_user }}</span></div>
            </el-col>
        </el-row>
        <el-row :gutter="10" class="row3">
            <el-col :span="24" class="col1">
                <div v-html="vhtmlstr"></div>
            </el-col>
        </el-row>
    </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue'
import { useMessageStore } from '@/stores/message'
const messageStore = useMessageStore()
const message = ref('')
message.value = messageStore.message
console.log(message.value);

const vhtmlstr = ref('')
vhtmlstr.value = message.value.message

</script>

<style lang="scss" scoped>

</style>